<!-- 列表页 -->
<template>
  <view>
    <ul>
      <li v-for="(item, index) in control" :key="index" @click="add(item)">
        <p>{{ item.name }}</p>
        <image src="../../../static/右箭头.png" mode=""></image>
      </li>
    </ul>
  </view>
</template>

<script setup>
import { ref, reactive } from "vue";
import { Supervisory } from "@/utils/file.js"; // 假设这是获取监控数据的函数

let control = reactive([]);

// 获取监控数据
Supervisory(uni.getStorageSync('token')).then((res) => {
  console.log(res.data.data, "园区监控");
  control.push(...res.data.data);
});

// 导航到目标页面
// 导航到目标页面并传递URL参数
function add(item) {
  uni.setStorageSync("url", item.url);
  uni.navigateTo({
    url: `../jiankong/jiankong`,
  });
}

</script>


<style scoped>
ul{
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
li{
	width: 700rpx;
	height: 100rpx;
	border-bottom: 1px solid #b3b3b3;
	margin: 0 auto;
	line-height: 100rpx;
}
p{
	display: inline-block;
}
image{
	display: inline-block;
	width: 50rpx;
	height: 50rpx;
	float: right;
	margin-top: 30rpx;
}
</style>